 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<title>Invest Works</title>
<link rel="shortcut icon" type="image/x-icon"
	href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link
	href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100'
	rel='stylesheet' type='text/css'>

<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>

		<script src="js/modernizr.custom.js"></script>

<script src="js/jquery.carouFredSel-5.5.0-packed.js"
	type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript">
	$(function() {

		var $tabs = $('#tabs').tabs();
		$(".ui-tabs-panel")
				.each(
						function(i) {
							var totalSize = $(".ui-tabs-panel").size() - 1;
							if (i != totalSize) {
								next = i + 2;
								$(this)
										.append(
												"<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
							}
							if (i != 0) {
								prev = i;
								$(this)
										.append(
												"<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
							}
						});
		$('.next-tab, .prev-tab').click(function() {
			$tabs.tabs('select', $(this).attr("rel"));
			return false;
		});
	});
</script>

<script>
	$(document).ready(function() {
		$("#personal_flip").click(function() {
			$("#personal_panel").slideToggle("slow");
			$("#joint_panel").slideUp("slow");
			$("#investment_panel").slideUp("slow");
			$("#unit_panel").slideUp("slow");
			$("#address_panel").slideUp("slow");
			$("#bank_panel").slideUp("slow");
			$("#nominee_panel").slideUp("slow");
		});
	});

	$(document).ready(function() {
		$("#joint_flip").click(function() {
			$("#joint_panel").slideToggle("slow");
			$("#personal_panel").slideUp("slow");
			$("#investment_panel").slideUp("slow");
			$("#unit_panel").slideUp("slow");
			$("#address_panel").slideUp("slow");
			$("#bank_panel").slideUp("slow");
			$("#nominee_panel").slideUp("slow");
		});
	});

	$(document).ready(function() {
		$("#investment_flip").click(function() {
			$("#investment_panel").slideToggle("slow");
			$("#personal_panel").slideUp("slow");
			$("#joint_panel").slideUp("slow");
			$("#unit_panel").slideUp("slow");
			$("#address_panel").slideUp("slow");
			$("#bank_panel").slideUp("slow");
			$("#nominee_panel").slideUp("slow");
		});
	});

	$(document).ready(function() {
		$("#unit_flip").click(function() {
			$("#unit_panel").slideToggle("slow");
			$("#personal_panel").slideUp("slow");
			$("#joint_panel").slideUp("slow");
			$("#investment_panel").slideUp("slow");
			$("#address_panel").slideUp("slow");
			$("#bank_panel").slideUp("slow");
			$("#nominee_panel").slideUp("slow");
		});
	});

	$(document).ready(function() {
		$("#address_flip").click(function() {
			$("#address_panel").slideToggle("slow");
			$("#personal_panel").slideUp("slow");
			$("#joint_panel").slideUp("slow");
			$("#investment_panel").slideUp("slow");
			$("#unit_panel").slideUp("slow");
			$("#bank_panel").slideUp("slow");
			$("#nominee_panel").slideUp("slow");
		});
	});

	$(document).ready(function() {
		$("#bank_flip").click(function() {
			$("#bank_panel").slideToggle("slow");
			$("#personal_panel").slideUp("slow");
			$("#joint_panel").slideUp("slow");
			$("#investment_panel").slideUp("slow");
			$("#unit_panel").slideUp("slow");
			$("#address_panel").slideUp("slow");
			$("#nominee_panel").slideUp("slow");
		});
	});

	$(document).ready(function() {
		$("#nominee_flip").click(function() {
			$("#nominee_panel").slideToggle("slow");
			$("#personal_panel").slideUp("slow");
			$("#joint_panel").slideUp("slow");
			$("#investment_panel").slideUp("slow");
			$("#unit_panel").slideUp("slow");
			$("#address_panel").slideUp("slow");
			$("#bank_panel").slideUp("slow");
		});
	});
</script>


</head>
<body>
	
	<div id="wrapper">
	
		<div class="shell">
		
			<div class="container">
				
				<header id="header">
					<h1 id="logo"></h1>
			
					<div class="search">
					
							<a href="#">LOGIN</a> &nbsp;&nbsp;
							 <a href="#">REGISTER</a>
							<div class="cl">&nbsp;</div>
						
					</div>
				
					<div class="cl">&nbsp;</div>
				</header>
				
				
			
				<div id="links">
					<ul id="nav" class="drop">

						<li><a href="index.jsp">&nbsp;&nbsp;Home&nbsp;&nbsp;</a></li>
						<li>&nbsp;&nbsp;About Us&nbsp;&nbsp;
							<ul>
								<li><a href="#">Why InvestWorks</a></li>
								<li><a href="#">InvestWorks Philosophy</a></li>
								<li><a href="#">Management Team</a></li>
							</ul>
						</li>
						<li>&nbsp;&nbsp;Products & Services&nbsp;&nbsp;
							<ul>
								<li><a href="#">Trading</a></li>
								<li><a href="#">Investment</a></li>
								<li><a href="#">Subscription</a></li>
								<li><a href="#">Pricing and Rates</a></li>
								<li><a href="#">Nifty Alpha</a></li>
								<li><a href="#">Invest Reports</a></li>
							</ul>
						</li>
						<li>&nbsp;&nbsp;My InvestWorks&nbsp;&nbsp;
							<ul>
								<li><a href="#">Derivative Trade Idea</a></li>
								<li><a href="#">Schedule a Meeting</a></li>
							</ul>
						</li>
						<li><a href="#">&nbsp;&nbsp;Media Center&nbsp;&nbsp;</a></li>
						<li>&nbsp;&nbsp;Contact Us&nbsp;&nbsp;
							<ul>
								<li><a href="#">Contact Details</a></li>
								<li><a href="#">Feedback</a></li>
							</ul>
						</li>

					</ul>
				</div>
			
				<br><br>
				
				<div id="page-wrap">
					<div id="tabs">
						<div id="form_page">
							<br/>
							<br/>
							<div id="personal_flip">Personal Details</div>
							<div id="personal_panel">
								<form action="#" method="post">

									<table>
										<tr>
											<td>First Name:</td>
											<td><input class="text_style" type="text" name="fname"></td>
										</tr>
										<tr>
											<td>Last Name:</td>
											<td><input class="text_style" type="text" name="lname"></td>
										</tr>
										<tr>
											<td>Date of birth:</td>
											<td><input class="text_style" type="text" name="dob"></td>
										</tr>
										<tr>
											<td>Mobile No.:</td>
											<td><input class="text_style" type="text"
												name="mobileno"></td>
										</tr>
										<tr>
											<td>Email Id:</td>
											<td><input class="text_style" type="text" name="email"></td>
										</tr>
										<tr>
											<td>Pan no.</td>
											<td><input class="text_style" type="text" name="panno"></td>
										</tr>
										<tr>
											<td>Status:</td>
											<td><input type="radio" name="status">Resident
												Individual&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio"
												name="status">HUF &nbsp;&nbsp;<br> <input
												type="radio" name="status">Proprietor
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="radio" name="status">Society
												&nbsp;&nbsp;<br> <input type="radio" name="status">Bank
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="radio" name="status">NRI-NRE&nbsp;&nbsp;<br>
												<input type="radio" name="status">NRI-NRO
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="radio" name="status">PIO &nbsp;&nbsp;<br>
												<input type="radio" name="status">Partnership
												Firm&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input
												type="radio" name="status">Company &nbsp;&nbsp;<br>
												<input type="radio" name="status">On behalf of minor
												&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name="status">Trust&nbsp;&nbsp;<br>
												<input type="radio" name="status">Fll
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="radio" name="status">Govt.entity
												&nbsp;&nbsp;<br> <input type="radio" name="status">Others&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input class="text_style" type="text" name="otherstatus"
												placeholder="Please specify"></td>
										</tr>
										<tr>
											<td>Occupation:</td>
											<td><input type="radio" name="occupation">Service&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="radio" name="occupation">Professional<br>
												<input type="radio" name="occupation">Proprietorship&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="radio" name="occupation">Housewife <br>
												<input type="radio" name="occupation">Retired
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="radio" name="occupation">Student <br>
												<input type="radio" name="occupation">Agriculture
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="radio" name="occupation">Business <br>
												<input type="radio" name="occupation">Others&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input class="text_style" type="text" name="otherocupation"
												placeholder="Please specify"></td>
										</tr>
									</table>
								</form>
							</div>

							<br>
							<div id="joint_flip">Joint details</div>
							<div id="joint_panel">
								<form action="#" method="post">

									<table>
										<tr>
											<td>Second Holder: Name :</td>
											<td><input class="text_style" type="text"
												name="secondname"></td>
										</tr>
										<tr>
											<td>Pan no :</td>
											<td><input class="text_style" type="text"
												name="secondpan"></td>
										</tr>
										<tr>
											<td>KYC compliance:</td>
											<td><input type="checkbox" name="secondkyc"></td>
										</tr>
										<tr>
											<td>Third Holder: Name :</td>
											<td><input class="text_style" type="text"
												name="thirdname"></td>
										</tr>
										<tr>
											<td>Pan no :</td>
											<td><input class="text_style" type="text"
												name="thirdpan"></td>
										</tr>
										<tr>
											<td>KYC compliance:</td>
											<td><input type="checkbox" name="thirdkyc"></td>
										</tr>
										<tr>
											<td>Guardian/POA/Proprietor: Name :</td>
											<td><input class="text_style" type="text"
												name="guardianname"></td>
										</tr>
										<tr>
											<td>Pan no :</td>
											<td><input class="text_style" type="text"
												name="guardianpan"></td>
										</tr>
										<tr>
											<td>KYC compliance:</td>
											<td><input type="checkbox" name="guardiankyc"></td>
										</tr>
										<tr>
											<td>Mode of holding:</td>
											<td><input type="radio" name="holdingmode">Anyone
												or survivor <input type="radio" name="holdingmode">Joint</td>
										</tr>
									</table>
								</form>
							</div>


							<br>
							<div id="investment_flip">Investment Details</div>
							<div id="investment_panel">
								<form action="#" method="post">

									<table>
										<tr>
											<td>Scheme</td>
											<td><select>
													<option value="1">1</option>
													<option value="2">2</option>
													<option value="3">3</option>
													<option value="4">4</option>
											</select></td>
										</tr>
										<tr>
											<td>Plan</td>
											<td><input type="radio" name="plan">Regular <input
												type="radio" name="plan"> Direct</td>
										</tr>
										<tr>
											<td>Option</td>
											<td><input type="radio" name="option">Growth <input
												type="radio" name="option">Dividend-Payout <input
												type="radio" name="option">Dividend-Reinvest <input
												type="radio" name="option">Dividend-Sweep</td>
										</tr>
										<tr>
											<td>Dividend Frequency (in case of dividend option)</td>
											<td><input class="text_style" type="text" name="divfreq"></td>
										</tr>
										<tr>
											<td>Dividend Sweep Option to (Scheme Name)</td>
											<td><select>
													<option value="1">1</option>
													<option value="2">2</option>
													<option value="3">3</option>
													<option value="4">4</option>
											</select></td>
										</tr>
										<tr>
											<td>Option</td>
											<td><input type="radio" name="sweepoption">Growth
												<input type="radio" name="sweepoption">Dividend-Payout
												<input type="radio" name="sweepoption">Dividend-Reinvest</td>
										</tr>
										<tr>
											<td>Payment Mode</td>
											<td>?????????</td>
										</tr>
										<tr>
											<td>Amount</td>
											<td><input class="text_style" type="text" name="amount"></td>
										</tr>
										<tr>
											<td>Transaction fee</td>
											<td><input class="text_style" type="text"
												name="transactionfee"></td>
										</tr>
										<tr>
											<td>Total Amount</td>
											<td><input class="text_style" type="text"
												name="totalamount"></td>
										</tr>
										<tr>
											<td>Instrument no.</td>
											<td><input class="text_style" type="text"
												name="instrumentno"></td>
										</tr>
										<tr>
											<td>Date</td>
											<td><input class="text_style" type="text" name="date"></td>
										</tr>
										<tr>
											<td>Account no</td>
											<td><input class="text_style" type="text"
												name="accountno"></td>
										</tr>
										<tr>
											<td>Bank Name</td>
											<td><input class="text_style" type="text"
												name="bankname"></td>
										</tr>
										<tr>
											<td>Branch and City</td>
											<td><input class="text_style" type="text" name="branch"></td>
										</tr>
										<tr>
											<td>Account type:</td>
											<td><input type="radio" name="accounttype">Current
												<input type="radio" name="accounttype">Saving <input
												type="radio" name="accounttype">NRO <input
												type="radio" name="accounttype">NRE <input
												type="radio" name="accounttype">FCNR</td>
										</tr>
									</table>
								</form>
							</div>
							<br>
							<div id="unit_flip">Unit details</div>
							<div id="unit_panel">
								<form action="#" method="post">

									<table>
										<tr>
											<td>Unit holding option</td>
											<td>physical mode?????????</td>
										</tr>
									</table>
								</form>
							</div>
							<br>
							<div id="address_flip">Address details</div>
							<div id="address_panel">
								<form action="#">
									<table>
										<tr>
											<td>Correspondence address:</td>
											<td><textarea cols="40" rows="3" name="c_address"></textarea></td>
										</tr>
										<tr>
											<td>City:</td>
											<td><input class="text_style" type="text" name="c_city"></td>
										</tr>
										<tr>
											<td>Pin code:</td>
											<td><input class="text_style" type="text"
												name="c_pincode"></td>
										</tr>
										<tr>
											<td>Overseas address:</td>
											<td><textarea cols="40" rows="3" name="o_address"></textarea></td>
										</tr>
										<tr>
											<td>City:</td>
											<td><input class="text_style" type="text" name="o_city"></td>
										</tr>
										<tr>
											<td>Pin code:</td>
											<td><input class="text_style" type="text"
												name="o_pincode"></td>
										</tr>
										<tr>
											<td>Tel office:</td>
											<td><input class="text_style" type="text"
												name="officeno"></td>
										</tr>
										<tr>
											<td>Tel home:</td>
											<td><input class="text_style" type="text" name="homeno"></td>
										</tr>
										<tr>
											<td>Fax:</td>
											<td><input class="text_style" type="text" name="faxno"></td>
										</tr>
									</table>
								</form>
							</div>
							<br>
							<div id="bank_flip">Bank details</div>
							<div id="bank_panel">
								<form action="#" method="post">

									<table>
										<tr>
											<td>Name of the Bank:</td>
											<td><input class="text_style" type="text"
												name="bankname"></td>
										</tr>
										<tr>
											<td>Branch:</td>
											<td><input class="text_style" type="text" name="branch"></td>
										</tr>
										<tr>
											<td>Account no:</td>
											<td><input class="text_style" type="text"
												name="accountno"></td>
										</tr>
										<tr>
											<td>City:</td>
											<td><input class="text_style" type="text"
												name="bankcity"></td>
										</tr>
										<tr>
											<td>Account type:</td>
											<td><input type="radio" name="accounttype">Current
												<input type="radio" name="accounttype">Saving <input
												type="radio" name="accounttype">Proprietorship <input
												type="radio" name="accounttype">NRO <input
												type="radio" name="accounttype">NRE <input
												type="radio" name="accounttype">FCNR <input
												type="radio" name="accounttype">Others</td>
										</tr>
										<tr>
											<td>MICR code:</td>
											<td><input class="text_style" type="text"
												name="bankcity"></td>
										</tr>
										<tr>
											<td>RTGS/NEFT:</td>
											<td><input class="text_style" type="text"
												name="bankcity"></td>
										</tr>
									</table>
								</form>
							</div>
							<br>
							<div id="nominee_flip">Nominee details</div>
							<div id="nominee_panel">
								<form action="#" method="post">

									<table>
										<tr>
											<td>Nomination details</td>
										</tr>
										<tr>
											<td>Nominee name</td>
											<td>Guradian name</td>
											<td>Relation with Nominee</td>
											<td>Percentage</td>
										</tr>
										<tr>
											<td><input class="text_style" type="text"
												name="nominee1name"></td>
											<td><input class="text_style" type="text"
												name="guardian1name"></td>
											<td><input class="text_style" type="text"
												name="relation1"></td>
											<td><input class="text_style" type="text"
												name="percentage1"></td>
										</tr>
										<tr>
											<td><input class="text_style" type="text"
												name="nominee2name"></td>
											<td><input class="text_style" type="text"
												name="guardian2name"></td>
											<td><input class="text_style" type="text"
												name="relation2"></td>
											<td><input class="text_style" type="text"
												name="percentage2"></td>
										</tr>
										<tr>
											<td><input class="text_style" type="text"
												name="nominee3name"></td>
											<td><input class="text_style" type="text"
												name="guardian3name"></td>
											<td><input class="text_style" type="text"
												name="relation3"></td>
											<td><input class="text_style" type="text"
												name="percentage3"></td>
										</tr>
										<tr>
											<td>Address</td>
											<td><textarea cols="40" rows="3" name="nomineeaddress"></textarea></td>
										</tr>
										<tr>
											<td><input type="submit" value="Save"></td>
											<td><input type="submit" value="Cancel"></td>
										</tr>

									</table>
								</form>
							</div>
						</div>
					</div>
				</div>

			

				<div class="cl">&nbsp;</div>

			
				<div id="footer">
					<div class="footer-nav">
						<ul>
							<li><a href="#">Home</a></li>
							<li><a href="#">About</a></li>
							<li><a href="#">Invest works</a></li>
							<li><a href="#">Products And Services</a></li>
							<li><a href="#">My InvestWorks</a></li>
							<li><a href="#">Media Center</a></li>
							<li><a href="#">Contact Us</a></li>
						</ul>
						<div class="cl">&nbsp;</div>
					</div>
					<p class="copy">&copy; Copyright 2012<span>|</span>Sitename. Design by <a href="http://chocotemplates.com" target="_blank">ChocoTemplates.com</a></p>
					<div class="cl">&nbsp;</div>
				</div>
			
			</div>
		
		</div>

	</div>
	 
</body>
</html>  


